<!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7 no-js" lang="en-US">
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8 no-js" lang="en-US">
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html lang="en" class="no-js" xmlns="" xmlns="" xmlns="">

<!-- Mirrored from haintheme.com/demo/html/bustter/index.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 04 May 2018 04:39:53 GMT -->
<head>
  <!-- Basic need -->
  <title>Open Pediatrics</title>
  <meta charset="UTF-8">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="author" content="">
  <link rel="profile" href="#">

  <!--Google Font-->
  <link rel="stylesheet" href='http://fonts.googleapis.com/css?family=Dosis:400,700,500|Nunito:300,400,600'/>
  <!-- Mobile specific meta -->
  <meta name=viewport content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone-no">


</head>

<body>
<div class="slider movie-items">
  <div class="container">
    <div class="row">
      <!--按照评分排序-->
      <div class="slick-multiItemSlider">
        <div class="movie-item" *ngFor="let movie of rateMovies">
          <div class="mv-img">
            <a href="#"><img [src]="movie['cover']" alt="" style="width: 285px;height: 405px;"></a>
          </div>
          <div class="title-in">
            <div class="cate">
              <span class="blue"><a href="#">{{movie.types}}</a></span>
            </div>
            <h6><a [routerLink]="['/movie/detail',movie.id]">{{movie['name']}}</a></h6>
            <p><i class="ion-android-star"></i><span>{{movie.rate}}</span> /10</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>


<div class="movie-items">
  <div class="container">
    <div class="row ipad-width">
      <div class="col-md-8">
        <div class="title-hd">
          <h2>推荐电影</h2>
          <a [routerLink]="['/movie/list']" class="viewall">查看所有 <i class="ion-ios-arrow-right"></i></a>
        </div>
        <div class="tabs">
          <ul class="tab-links">
            <li *ngFor="let recommendMovie of recommendMovies index as i" [ngClass]="{'active':i===0}"><a
              [href]="'#'+recommendMovie['name']" (click)="showRec = i">
              {{recommendMovie['name']}} </a>
            </li>
          </ul>
          <div class="tab-content">
            <div [id]="recommendMovie['name']" *ngFor="let recommendMovie of recommendMovies index as j"
                 [ngClass]="{'tab':true,'active':showRec === j || j === 0 }">
              <div class="row">
                <div class="slick-multiItem">
                  <div class="slide-it" *ngFor="let movie of recommendMovie['data']">
                    <div class="movie-item">
                      <div class="mv-img">
                        <img [src]="movie['cover']" alt="" style="width: 168px;height: 235px;">
                      </div>
                      <div class="hvr-inner">
                        <a [routerLink]="['/movie/detail',movie['id']]"> 详情 <i
                          class="ion-android-arrow-dropright"></i> </a>
                      </div>
                      <div class="title-in">
                        <h6><a href="#">{{movie.name}}</a></h6>
                        <p><i class="ion-android-star"></i><span>{{movie.rate}}</span> /10</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="title-hd">
          <h2>电影分类</h2>
          <a [routerLink]="['/movie/list']" class="viewall">查看所有 <i class="ion-ios-arrow-right"></i></a>
        </div>
        <div class="tabs">
          <ul class="tab-links">
            <li *ngFor="let typeMovie of typeMovies index as i" [ngClass]="{'active':i===0}"><a
              (click)="showType = i">
              {{typeMovie['name']}} </a>
            </li>
          </ul>
          <div class="tab-content">
            <div [id]="typeMovie['name']" *ngFor="let typeMovie of typeMovies index as j"
                 [ngClass]="{'tab':true,'active':showType === j || i===0}">
              <div class="row">
                <div class="slick-multiItem">
                  <div class="slide-it" *ngFor="let movie of typeMovie['data']">
                    <div class="movie-item">
                      <div class="mv-img">
                        <img [src]="movie['cover']" alt="" style="width: 168px;height: 235px;">
                      </div>
                      <div class="hvr-inner">
                        <a [routerLink]="['/movie/detail',movie['id']]"> 详情 <i
                          class="ion-android-arrow-dropright"></i> </a>
                      </div>
                      <div class="title-in">
                        <h6><a href="#">{{movie.name}}</a></h6>
                        <p><i class="ion-android-star"></i><span>{{movie.rate}}</span> /10</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

      </div>
      <div class="col-md-4">
        <div class="sidebar">
          <!--广告牌-->
          <!--<div class="ads">
            <img src="../../../assets/images/uploads/ads1.png" alt="" width="336" height="296">
          </div>-->
          <div class="celebrities">
            <h4 class="sb-title">热门演员</h4>
            <div class="celeb-item" *ngFor="let actor of actors">
              <a [routerLink]="['/actor/detail',actor['id']]"><img [src]="actor['image']"
                                                                   style="width: 75px;height: 110px;"></a>
              <div class="celeb-author">
                <h6><a [routerLink]="['/actor/detail',actor['id']]">{{actor['name']}}</a></h6>
                <span>演员</span>
              </div>
            </div>

            <a href="#" class="btn">查看所有演员<i class="ion-ios-arrow-right"></i></a>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="trailers">
  <div class="container">
    <div class="row ipad-width">
      <div class="col-md-12">
        <div class="title-hd">
          <h2>电影院</h2>
          <a [routerLink]="['/movie/list']" class="viewall">查看所有 <i class="ion-ios-arrow-right"></i></a>
        </div>
        <div class="videos">
          <div class="slider-for-2 video-ft">

            <div>
              <video controls="controls" autoplay="autoplay" id="videoPlayer" #videoPlayer>
                <source [src]="videoUrl" type="video/mp4">
                您的浏览器不支持 video 标签。
              </video>
            </div>
          </div>
          <div class="slider-nav-2 thumb-ft">
            <div class="item" *ngFor="let movie of rateMovies" (click)="changeMovieUrl(movie['video'])">
              <div class="trailer-img">
                <img [src]="movie['cover']" width="4096" height="2737">
              </div>
              <div class="trailer-infor">
                <h4 class="desc">{{movie['name']}}</h4>
                <p>{{movie['duration']}}</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- latest new v1 section-->
<div class="latestnew">
  <div class="container">
    <div class="row ipad-width">
      <div class="col-md-8">
        <!--广告牌-->
        <!--  <div class="ads">
            <img src="../../../assets/images/uploads/ads2.png" alt="" width="728" height="106">
          </div>-->
        <div class="title-hd">
          <h2>最近新闻</h2>
        </div>
        <div class="tabs">
          <ul class="tab-links-3">
            <li class="active"><a href="#tab31">#Movies </a></li>
            <li><a href="#tab32"> #TV Shows </a></li>
            <li><a href="#tab33"> # Celebs</a></li>
          </ul>
          <div class="tab-content">
            <div id="tab31" class="tab active">
              <div class="row">
                <div class="blog-item-style-1">
                  <!--alt="" width="170" height="250"-->
                  <img *ngIf="lastNews !== undefined" [src]="lastNews['image']" style="height: 300px">
                  <div class="blog-it-infor" *ngIf="lastNews !== undefined">
                    <h3><a href="#">{{lastNews['title']}}</a></h3>
                    <span class="time">{{lastNews['createTime']}}</span>
                    <p>{{lastNews['content']}}</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="morenew">
          <div class="title-hd">
            <a routerLink="/news/list"><h3 style="color: yellow;">查看新闻列表</h3></a>
          </div>
        </div>
      </div>
      <!-- <div class="col-md-4">
         <div class="sidebar">
           <div class="sb-facebook sb-it">
             <h4 class="sb-title">Find us on Facebook</h4>
             &lt;!&ndash;<iframe src="#" data-src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fhaintheme%2F%3Ffref%3Dts&tabs=timeline&width=300&height=315px&small_header=true&adapt_container_width=false&hide_cover=false&show_facepile=true&appId" width="300" height="315" style="border:none;overflow:hidden" ></iframe>&ndash;&gt;
           </div>
           <div class="sb-twitter sb-it">
             <h4 class="sb-title">Tweet to us</h4>
             <div class="slick-tw">
               &lt;!&ndash;<div class="tweet item" id="599202861751410688">
               </div>
               <div class="tweet item" id="297462728598122498">
               </div>&ndash;&gt;
             </div>
           </div>
         </div>
       </div>-->
    </div>
  </div>
</div>
</body>
</html>
